<div ed-modal="lineMapModal" data-options="width:'1350px',static:true,title: '站点规划', icon: 'fa-bus'">
    <div style="height: 600px;">
        <div id="lineDesignMapContainer" style="width: 100%;height: 100%;"></div>
        <div style="opacity:0.9;z-index: 1;position: absolute;width: 240px;height: 100%;background-color: #ecebea;right: 0px;top:0px;">
            <h5 style="margin: 10px;padding:10px;border-bottom: 2px dashed #ccc">
                站点列表
            </h5>
            <div style="height: 90%;overflow-y: auto;">
                <div style="text-align: center;width: 80%;margin: 10px auto;">
                    <div ng-if="!AmapObject.stops || AmapObject.stops.length == 0">
                        <div class="btn btn-default btn-sm" style="width:100%;float: none;padding: 15px 5px"
                             ng-click="AmapObject.addStop();">
                            +
                        </div>
                    </div>
                    <div ng-repeat="stop in AmapObject.stops | filter:{stopType:'!0'}">
                        <div class="btn-group" style="width: 100%;">
                            <div class="btn btn-default btn-sm" data-toggle="dropdown" data-hover="dropdown"
                                 style="width:100%;float: none;padding: 20px 5px 10px;"
                                 ng-if="!stop._edit && stop.stopName != ''">
									<span style="position:absolute;top:0px;left:0px;font-size: 7px;color: #0e796f;">
										【{{$index + 1}}】{{stop.stopType == '1' ? '上车站' : '下车站'}}
									</span>
                                <p style="white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;"
                                   title="{{stop.stopName}}">
                                    {{stop.stopName}}
                                </p>
                            </div>
                            <div class="btn btn-default btn-sm"
                                 style="width:100%;float: none;padding: 20px 5px 10px;border: 1px solid red;"
                                 ng-if="stop._edit || stop.stopName == ''">
									<span style="position:absolute;top:0px;left:0px;font-size: 7px;color: #0e796f;">
										【{{$index + 1}}】{{stop.stopType == '1' ? '上车站' : '下车站'}}
									</span>
                                <span>
										<input id="tmpStop" type="text" ng-model="stop.stopName" placeholder="请输入站点名称"
                                               style="width: 90%;" maxlength="100"
                                               ng-blur="AmapObject.saveStop(stop);">
									</span>
                            </div>
                            <ul class="dropdown-menu" style="min-width: inherit;">
                                <li>
                                    <a style="color: #0e796f;" href="javascript:;"
                                       ng-click="AmapObject.addStop(stop,-1);">
                                        <i class="fa fa-plus"></i> <span>添加车站【前】</span>
                                    </a>
                                </li>
                                <li>
                                    <a style="color: #0e796f;" href="javascript:;"
                                       ng-click="AmapObject.addStop(stop,1);">
                                        <i class="fa fa-plus"></i> <span>添加车站【后】</span>
                                    </a>
                                </li>
                                <li ng-if="stop.stopType == '1'">
                                    <a style="color: #0e796f;" href="javascript:;"
                                       ng-click="AmapObject.setStopType(stop,'2')">
                                        <i class="fa fa-cog"></i> <span>设为下车站</span>
                                    </a>
                                </li>
                                <li ng-if="stop.stopType == '2'">
                                    <a style="color: #0e796f;" href="javascript:;"
                                       ng-click="AmapObject.setStopType(stop,'1')">
                                        <i class="fa fa-cog"></i> <span>设为上车站</span>
                                    </a>
                                </li>
                                <li>
                                    <a style="color: #0e796f;" href="javascript:;" ng-click="AmapObject.editStop(stop)">
                                        <i class="fa fa-edit"></i> <span>编辑</span>
                                    </a>
                                </li>
                                <li>
                                    <a style="color: #0e796f;" href="javascript:;"
                                       ng-click="AmapObject.removeStop(stop)">
                                        <i class="fa fa-times"></i> <span>删除</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div ng-if="!$last" style="padding: 5px 0px;" class="fa fa-angle-double-down"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>